var list = document.querySelector('#all-ul')
var data = [{
    "num": "类型:客户端网游",
    "title": "[幻界传说]牛气冲天豪华公会礼包",
    "img": "http://image.9game.cn/s/9game/g/2020/12/15/190878176.gif",
    "lh": "领号"
}, {
    "num": "类型:客户端网游",
    "title": "[神将三国]新手礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/2/5/211751343.gif",
    "lh": "领号"
}, {
    "num": "类型:客户端网游",
    "title": "[新三国争霸]478区独家公会新手礼包",
    "img": "http://image.game.uc.cn/2015/4/9/10387390.png",
    "lh": "领号"
}, {
    "num": "类型:客户端网游",
    "title": "[新三国争霸]478区独家公会中级资源包",
    "img": "http://image.game.uc.cn/2015/4/9/10387390.png",
    "lh": "领号"
}]
var sky = ''
data.map(itme => {
    sky += `<li>
    <div class="number-imgs">
        <a href="" class="number-q">
            <img src="${itme.img}" alt="">
            <span></span>
        </a>
    </div>
    <a href="">
        <strong class="state">${itme.title}</strong>
    </a>
    <p class="number-p">${itme.num}</p>
    <a class="number-dd nr-yes" href="">${itme.lh}</a>
</li>`
})
list.innerHTML = sky


var list1 = document.querySelector('#all-ul1')
var data1=[{
    "num": "类型:客户端网游",
    "title": "[帝王·三国]630区公会礼包",
    "img": "http://image.game.uc.cn/2016/4/1/12860805.png",
    "lh": "领号"
}, {
    "num": "类型:客户端网游",
    "title": "[帝王·三国]629区公会礼包",
    "img": "http://image.game.uc.cn/2016/4/1/12860805.png",
    "lh": "领号"
}, {
    "num": "类型:客户端网游",
    "title": "[新三国争霸]2月独家公会中级资源包",
    "img": "http://image.game.uc.cn/2015/4/9/10387390.png",
    "lh": "领号"
}, {
    "num": "类型:客户端网游",
    "title": "[帝王·三国]独家公会双线630区幸运包",
    "img": "http://image.game.uc.cn/2016/4/1/12860805.png",
    "lh": "领号"
}]
var sky1 = ''
data1.map(itme => {
    sky1 += `<li>
    <div class="number-imgs">
        <a href="" class="number-q">
            <img src="${itme.img}" alt="">
            <span></span>
        </a>
    </div>
    <a href="">
        <strong class="state">${itme.title}</strong>
    </a>
    <p class="number-p">${itme.num}</p>
    <a class="number-dd nr-yes" href="">${itme.lh}</a>
</li>`
})
list1.innerHTML = sky1


var list2 = document.querySelector('#all-ul2')
var data2=[{
    "num": "类型:客户端网游",
    "title": "[帝王·三国]独家公会双线629区幸运包",
    "img": "http://image.game.uc.cn/2016/4/1/12860805.png",
    "lh": "领号"
}, {
    "num": "类型:客户端网游",
    "title": "[帝王·三国]独家公会双线629区银票",
    "img": "http://image.game.uc.cn/2016/4/1/12860805.png",
    "lh": "领号"
}, {
    "num": "类型:客户端网游",
    "title": "[新三国争霸]2月独家公会新手礼包",
    "img": "http://image.game.uc.cn/2015/4/9/10387390.png",
    "lh": "领号"
}, {
    "num": "类型:客户端网游",
    "title": "[帝王·三国]独家公会双线630区银票",
    "img": "http://image.game.uc.cn/2016/4/1/12860805.png",
    "lh": "领号"
}]
var sky2 = ''
data2.map(itme => {
    sky2 += `<li>
    <div class="number-imgs">
        <a href="" class="number-q">
            <img src="${itme.img}" alt="">
            <span></span>
        </a>
    </div>
    <a href="">
        <strong class="state">${itme.title}</strong>
    </a>
    <p class="number-p">${itme.num}</p>
    <a class="number-dd nr-yes" href="">${itme.lh}</a>
</li>`
})
list2.innerHTML = sky2


var list3 = document.querySelector('#all-ul3')
var data3=[{
    "num": "类型:客户端网游",
    "title": "[帝国王者归来]115区公会礼包",
    "img": "http://image.9game.cn/s/9game/g/2019/6/10/83503401.png",
    "lh": "领号"
}, {
    "num": "类型:客户端网游",
    "title": "[少年三国志2]普发公会礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/1/29/207772800.png",
    "lh": "领号"
}, {
    "num": "类型:客户端网游",
    "title": "[少年三国志2]高价值公会礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/1/29/207772800.png",
    "lh": "领号"
}, {
    "num": "类型:客户端网游",
    "title": "[少年三国志：零]2月公会礼包低",
    "img": "http://image.9game.cn/s/9game/g/2021/2/8/213793584.png",
    "lh": "领号"
}]
var sky3 = ''
data3.map(itme => {
    sky3 += `<li>
    <div class="number-imgs">
        <a href="" class="number-q">
            <img src="${itme.img}" alt="">
            <span></span>
        </a>
    </div>
    <a href="">
        <strong class="state">${itme.title}</strong>
    </a>
    <p class="number-p">${itme.num}</p>
    <a class="number-dd nr-yes" href="">${itme.lh}</a>
</li>`
})
list3.innerHTML = sky3

var list4 = document.querySelector('#all-ul4')
var data4=[{
    "num": "类型:客户端网游",
    "title": "[少年三国志：零]公会礼包高",
    "img": "http://image.9game.cn/s/9game/g/2021/2/8/213793584.png",
    "lh": "领号"
}, {
    "num": "类型:客户端网游",
    "title": "[神陵武装]公会推广礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/2/8/213901808.png",
    "lh": "领号"
}, {
    "num": "类型:客户端网游",
    "title": "[仙梦奇缘]2月公会高级礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/1/19/202714541.png",
    "lh": "领号"
}, {
    "num": "类型:客户端网游",
    "title": "[仙梦奇缘]2月公会普发礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/1/19/202714541.png",
    "lh": "领号"
}]
var sky4 = ''
data4.map(itme => {
    sky4 += `<li>
    <div class="number-imgs">
        <a href="" class="number-q">
            <img src="${itme.img}" alt="">
            <span></span>
        </a>
    </div>
    <a href="">
        <strong class="state">${itme.title}</strong>
    </a>
    <p class="number-p">${itme.num}</p>
    <a class="number-dd nr-yes" href="">${itme.lh}</a>
</li>`
})
list4.innerHTML = sky4

// 新服礼包
var gdd = document.querySelector('#all-u')
var arr = [{
    "num": "类型:客户端网游",
    "title": "[幻界传说]牛气冲天豪华公会礼包",
    "img": "http://image.9game.cn/s/9game/g/2020/12/15/190878176.gif",
    "lh": "领号"
}, {
    "num": "类型:客户端网游",
    "title": "[神将三国]新手礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/2/5/211751343.gif",
    "lh": "领号"
}, {
    "num": "类型:客户端网游",
    "title": "[少年三国志2]普发公会礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/1/29/207772800.png",
    "lh": "领号"
}, {
    "num": "类型:客户端网游",
    "title": "[少年三国志2]高价值公会礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/1/29/207772800.png",
    "lh": "领号"
}]
var wc = ''
arr.map(itme => {
    wc1 += `<li>
    <div class="number-imgs">
        <a href="" class="number-q">
            <img src="${itme.img}" alt="">
            <span></span>
        </a>
    </div>
    <a href="">
        <strong class="state">${itme.title}</strong>
    </a>
    <p class="number-p">${itme.num}</p>
    <a class="number-dd nr-yes" href="">${itme.lh}</a>
</li>`
})
gdd.innerHTML = wc

var gdd1 = document.querySelector('#all-u1')
var arr1 = [{
    "num": "类型:客户端网游",
    "title": "[少年三国志：零]2月公会礼包低",
    "img": "http://image.9game.cn/s/9game/g/2021/2/8/213793584.png",
    "lh": "领号"
}, {
    "num": "类型:客户端网游",
    "title": "[少年三国志：零]公会礼包高",
    "img": "http://image.9game.cn/s/9game/g/2021/2/8/213793584.png",
    "lh": "领号"
}, {
    "num": "类型:客户端网游",
    "title": "[仙梦奇缘]2月公会高级礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/1/19/202714541.png",
    "lh": "领号"
}, {
    "num": "类型:客户端网游",
    "title": "[仙梦奇缘]2月公会普发礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/1/19/202714541.png",
    "lh": "领号"
}]
var wc1 = ''
arr1.map(itme => {
    wc1 += `<li>
    <div class="number-imgs">
        <a href="" class="number-q">
            <img src="${itme.img}" alt="">
            <span></span>
        </a>
    </div>
    <a href="">
        <strong class="state">${itme.title}</strong>
    </a>
    <p class="number-p">${itme.num}</p>
    <a class="number-dd nr-yes" href="">${itme.lh}</a>
</li>`
})
gdd1.innerHTML = wc1

var gdd2 = document.querySelector('#all-u2')
var arr2 = [{
    "num": "类型:客户端网游",
    "title": "[光明领主]公会礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/2/3/210111869.png",
    "lh": "领号"
}, {
    "num": "类型:客户端网游",
    "title": "[闪烁之光]1月公会礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/1/30/208092237.png",
    "lh": "领号"
}, {
    "num": "类型:客户端网游",
    "title": "[创造与魔法]2月公会普发礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/1/21/203880270.png",
    "lh": "领号"
}, {
    "num": "类型:客户端网游",
    "title": "[幻想Q传]公会礼包1",
    "img": "http://image.9game.cn/s/9game/g/2020/7/7/168978922.png",
    "lh": "领号"
}]
var wc2 = ''
arr2.map(itme => {
    wc2 += `<li>
    <div class="number-imgs">
        <a href="" class="number-q">
            <img src="${itme.img}" alt="">
            <span></span>
        </a>
    </div>
    <a href="">
        <strong class="state">${itme.title}</strong>
    </a>
    <p class="number-p">${itme.num}</p>
    <a class="number-dd nr-yes" href="">${itme.lh}</a>
</li>`
})
gdd2.innerHTML = wc2

var gdd3 = document.querySelector('#all-u3')
var arr3 = [{
    "num": "类型:客户端网游",
    "title": "[梦幻逍遥]2月公会高级礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/1/15/201657171.png",
    "lh": "领号"
}, {
    "num": "类型:客户端网游",
    "title": "[梦幻逍遥]2月公会普发礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/1/15/201657171.png",
    "lh": "领号"
}, {
    "num": "类型:客户端网游",
    "title": "[妖精的尾巴：勇气之旅]公会活动礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/2/8/213598019.png",
    "lh": "领号"
}, {
    "num": "类型:客户端网游",
    "title": "[少年御灵师]公会活动礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/2/2/209663447.gif",
    "lh": "领号"
}]
var wc3 = ''
arr3.map(itme => {
    wc3 += `<li>
    <div class="number-imgs">
        <a href="" class="number-q">
            <img src="${itme.img}" alt="">
            <span></span>
        </a>
    </div>
    <a href="">
        <strong class="state">${itme.title}</strong>
    </a>
    <p class="number-p">${itme.num}</p>
    <a class="number-dd nr-yes" href="">${itme.lh}</a>
</li>`
})
gdd3.innerHTML = wc3

var gdd4 = document.querySelector('#all-u4')
var arr4 = [{
    "num": "类型:客户端网游",
    "title": "[天谕]公会高价值礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/2/5/211840418.png",
    "lh": "领号"
}, {
    "num": "类型:客户端网游",
    "title": "[霸王雄心]2月公会高级礼包",
    "img": "http://image.9game.cn/s/9game/g/2020/9/22/177681578.png",
    "lh": "领号"
}, {
    "num": "类型:客户端网游",
    "title": "[霸王雄心]2月公会普发礼包",
    "img": "http://image.9game.cn/s/9game/g/2020/9/22/177681578.png",
    "lh": "领号"
}, {
    "num": "类型:客户端&页面网游",
    "title": "[放开那三国]932公会礼包",
    "img": "http://image.9game.cn/s/9game/g/2020/11/11/185898157.png",
    "lh": "领号"
}]
var wc4 = ''
arr4.map(itme => {
    wc4 += `<li>
    <div class="number-imgs">
        <a href="" class="number-q">
            <img src="${itme.img}" alt="">
            <span></span>
        </a>
    </div>
    <a href="">
        <strong class="state">${itme.title}</strong>
    </a>
    <p class="number-p">${itme.num}</p>
    <a class="number-dd nr-yes" href="">${itme.lh}</a>
</li>`
})
gdd4.innerHTML = wc4



// 特权礼包
var vip = document.querySelector('#all-l')
var arr5 = [{
    "num": "类型:客户端网游",
    "title": "[新三国争霸]478区独家公会新手礼包",
    "img": "http://image.game.uc.cn/2015/4/9/10387390.png",
    "lh": "领号"
}, {
    "num": "类型:客户端网游",
    "title": "[新三国争霸]478区独家公会中级资源包",
    "img": "http://image.game.uc.cn/2015/4/9/10387390.png",
    "lh": "领号"
}, {
    "num": "类型:客户端网游",
    "title": "[帝王·三国]630区公会礼包",
    "img": "http://image.game.uc.cn/2016/4/1/12860805.png",
    "lh": "领号"
}, {
    "num": "类型:客户端网游",
    "title": "[帝王·三国]629区公会礼包",
    "img": "http://image.game.uc.cn/2016/4/1/12860805.png",
    "lh": "领号"
}]
var wc5 = ''
arr5.map(itme => {
    wc5 += `<li>
    <div class="number-imgs">
        <a href="" class="number-q">
            <img src="${itme.img}" alt="">
            <span></span>
        </a>
    </div>
    <a href="">
        <strong class="state">${itme.title}</strong>
    </a>
    <p class="number-p">${itme.num}</p>
    <a class="number-dd nr-yes" href="">${itme.lh}</a>
</li>`
})
vip.innerHTML = wc5

var vip1 = document.querySelector('#all-l1')
var arr6 = [{
    "num": "类型:客户端网游",
    "title": "[新三国争霸]2月独家公会中级资源包",
    "img": "http://image.game.uc.cn/2015/4/9/10387390.png",
    "lh": "领号"
}, {
    "num": "类型:客户端网游",
    "title": "[帝王·三国]独家公会双线630区幸运包",
    "img": "http://image.game.uc.cn/2016/4/1/12860805.png",
    "lh": "领号"
}, {
    "num": "类型:客户端网游",
    "title": "[帝王·三国]独家公会双线629区幸运包",
    "img": "http://image.game.uc.cn/2016/4/1/12860805.png",
    "lh": "领号"
}, {
    "num": "类型:客户端网游",
    "title": "[帝王·三国]独家公会双线629区银票",
    "img": "http://image.game.uc.cn/2016/4/1/12860805.png",
    "lh": "领号"
}]
var wc6 = ''
arr6.map(itme => {
    wc6 += `<li>
    <div class="number-imgs">
        <a href="" class="number-q">
            <img src="${itme.img}" alt="">
            <span></span>
        </a>
    </div>
    <a href="">
        <strong class="state">${itme.title}</strong>
    </a>
    <p class="number-p">${itme.num}</p>
    <a class="number-dd nr-yes" href="">${itme.lh}</a>
</li>`
})
vip1.innerHTML = wc6

var vip2 = document.querySelector('#all-l2')
var arr7 = [{
    "num": "类型:客户端网游",
    "title": "[新三国争霸]2月独家公会新手礼包",
    "img": "http://image.game.uc.cn/2015/4/9/10387390.png",
    "lh": "领号"
}, {
    "num": "类型:客户端网游",
    "title": "[帝王·三国]独家公会双线630区银票",
    "img": "http://image.game.uc.cn/2016/4/1/12860805.png",
    "lh": "领号"
}, {
    "num": "类型:客户端网游",
    "title": "[帝国王者归来]115区公会礼包",
    "img": "http://image.9game.cn/s/9game/g/2019/6/10/83503401.png",
    "lh": "领号"
}, {
    "num": "类型:客户端网游",
    "title": "[神陵武装]公会推广礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/2/8/213901808.png",
    "lh": "领号"
}]
var wc7 = ''
arr5.map(itme => {
    wc7 += `<li>
    <div class="number-imgs">
        <a href="" class="number-q">
            <img src="${itme.img}" alt="">
            <span></span>
        </a>
    </div>
    <a href="">
        <strong class="state">${itme.title}</strong>
    </a>
    <p class="number-p">${itme.num}</p>
    <a class="number-dd nr-yes" href="">${itme.lh}</a>
</li>`
})
vip2.innerHTML = wc7

var vip3 = document.querySelector('#all-l3')
var arr8 = [{
    "num": "类型:客户端网游",
    "title": "[盟重英雄]公会礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/1/12/200827889.png",
    "lh": "领号"
}, {
    "num": "类型:客户端网游",
    "title": "[太古神王]2月豪华公会礼包",
    "img": "http://image.9game.cn/s/9game/g/2019/11/14/116692926.png",
    "lh": "领号"
}, {
    "num": "类型:客户端网游",
    "title": "[镖人]公会礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/1/18/202482281.gif",
    "lh": "领号"
}, {
    "num": "类型:客户端网游",
    "title": "[一拳超人：最强之男]1月普发公会礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/1/22/204382620.png",
    "lh": "领号"
}]
var wc8 = ''
arr8.map(itme => {
    wc8 += `<li>
    <div class="number-imgs">
        <a href="" class="number-q">
            <img src="${itme.img}" alt="">
            <span></span>
        </a>
    </div>
    <a href="">
        <strong class="state">${itme.title}</strong>
    </a>
    <p class="number-p">${itme.num}</p>
    <a class="number-dd nr-yes" href="">${itme.lh}</a>
</li>`
})
vip3.innerHTML = wc8

var vip4 = document.querySelector('#all-l4')
var arr9 = [{
    "num": "类型:客户端网游",
    "title": "【凹凸世界】九游专属公会礼包1",
    "img": "http://image.9game.cn/s/9game/g/2020/7/1/168313628.png",
    "lh": "领号"
}, {
    "num": "类型:客户端网游",
    "title": "【凹凸世界】九游专属公会礼包2",
    "img": "http://image.9game.cn/s/9game/g/2020/7/1/168313628.png",
    "lh": "领号"
}, {
    "num": "类型:客户端网游",
    "title": "[太古神王]2月公会礼包",
    "img": "http://image.9game.cn/s/9game/g/2019/11/14/116692926.png",
    "lh": "领号"
}, {
    "num": "类型:客户端网游",
    "title": "[妄想山海]公会礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/1/5/198663481.png",
    "lh": "领号"
}]
var wc9 = ''
arr9.map(itme => {
    wc9 += `<li>
    <div class="number-imgs">
        <a href="" class="number-q">
            <img src="${itme.img}" alt="">
            <span></span>
        </a>
    </div>
    <a href="">
        <strong class="state">${itme.title}</strong>
    </a>
    <p class="number-p">${itme.num}</p>
    <a class="number-dd nr-yes" href="">${itme.lh}</a>
</li>`
})
vip4.innerHTML = wc9



// tab切换
$(function(){
    $('#sub-ul').on('click','.onone',function(){
        $(this).addClass('twow').siblings().removeClass("twow")
        $('.all-number').eq($(this).index()).addClass('active').siblings().removeClass('active')
    })
})